    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="隐藏li目录下的div.css">
        <script src="../jquery.js"></script>
        <script>
          $(document).ready(function () {
              $("span").click(function () {
                  console.log("000");
                  $(this).next("div").show().parent("li").siblings("li").children("div").hide();
              });
//              $("span").dblclick(function () {
//                  console.log("00110");
//                  $(this).next("div").show()
////                  $(this).next("div").show().parent("li").children("div").hide();
//              });
              $("ul").mouseleave(function () {
//                  console.log("000");
                  $(this).children("li").find("div").hide();
              });
          });
        </script>
        <style type="text/css">


        </style>
    </head>
    <body>
    <ul>
        <li>
            <span>我是一只小小鸟，第一个</span>
            <div>谁开的卡三等奖卡的给付对价水电费1</div>
        </li>

        <li>
            <span>我是一只小小鸟，第er个</span>
            <div>谁开的卡三等奖卡的给付对价水电费2</div>
        </li>
        <li>
            <span>我是一只小小鸟，第san个</span>
            <div>谁开的卡三等奖卡的给付对价水电费3</div>
        </li>
        <li>
            <span>我是一只小小鸟，第si个</span>
            <div>谁开的卡三等奖卡的给付对价水电费4</div>
        </li>
        <li>
            <span>我是一只小小鸟，第wu个</span>
            <div>谁开的卡三等奖卡的给付对价水电费5</div>
        </li>
    </ul>
    </body>
    </html>